layui.define(function(e) {
    layui.use([ "carousel"], function() {
        var e = layui.$,
        t = (layui.carousel),
        a = layui.element,
        i = layui.device();
        e(".layadmin-carousel").each(function() {
            var a = e(this);
            t.render({
                elem: this,
                width: "100%",
                arrow: "none",
                interval: a.data("interval"),
                autoplay: a.data("autoplay") === !0,
                trigger: i.ios || i.android ? "click" : "hover",
                anim: a.data("anim")
            })
        })
    });
});
// 弹窗
function showinfo(type) {
    console.log('弹窗');
    // layui.use('layer', function () {
    //     var layer = layui.layer;
    //     // 自定义弹窗样式
    //     layer.config({
    //         extend: 'myskin/style.css',
    //     });
    //     layer.open({
    //         type: 2,
    //         title: "详情展示",
    //         offset: '60px',
    //         area: ['60%', '90%'],
    //         shade: [0.4, '#1A2327'],
    //         shadeClose: true,
    //         move: false,
    //         resize : false,
    //         content: "/pages/detail/"+ type + "/",
    //         skin: 'mypop-ups'          //仅限于单个模态框的使用
    //     });
    //
    // });
}
// 表格样式修改
$('body').on("mouseenter",".layui-table-body tr",function () {
    $(this).siblings().find("div").css("color","#666");
    $(this).find("div").css("color","#4DA1FF");
});
// 表格渲染
layui.use('table', function(){
    var table = layui.table;
    //第一个实例
    table.render({
        elem: '#store_table',
        // ,height: 500
        cellMinWidth: 80, //全局定义常规单元格的最小宽度，layui 2.2.1 新增
        url: '/pages/table/overview/', //数据接口
        where: { //设定异步数据接口的额外参数
                site: '',  //搜索站点
                store: '', //搜索店铺
                sku: '',  //搜索sku
                type: '', // 数据类型
          },
        page: true, //开启分页
        size:'lg',// 大尺寸
        toolbar: '#toolbar1', //绑定工具条
        cols: [[ //表头
            {field: 'shop_name', title: '店铺名'},
            {field: 'seller_sku', title: '店铺SKU' },
            {field: 'site', title: '站点', width: 80},
            {field: 'refund_type', title: '索赔类型'},
            // {field: 'amazon_order_id', title: '订单编号'},
            {field: 'shipment_id', title: '发货编号'},
            {field: 'deal_status', title: '状态'},
            {field: 'refund_detail', title: '索赔详情'},
            // {field: 'case_id', title: 'CASE ID'},
            {field: 'refresh_time', title: '更新时间'},
        ]],
      //   done: function(res, curr, count){
      //    //表格渲染成功后的回调函数
      // }
    });
    // 监听工具条事件
    table.on('toolbar(store_table)', function(obj){
        switch(obj.event){
        case 'search':
            var selected_site = xmSelect.get('#select_site', true).getValue('valueStr') || '';
            var selected_type = xmSelect.get('#select_type', true).getValue('valueStr') || '';
            var store_name = $('#store_name').val()|| '';
            var sku = $('#sku').val() || '';
            table.reload('store_table', {
            where: { //设定异步数据接口的额外参数
                site: selected_site,  //搜索站点
                store: store_name, //搜索店铺
                sku: sku,  //搜索sku
                type: selected_type, // 数据类型
          },
            page: {
                curr: 1 //重新从第 1 页开始
          }
        });
        break;
        // 这里可以继续监听其它自定义事件
        // case 'delete':
        //   layer.msg('删除');
        // break;
        // case 'update':
        //   layer.msg('编辑');
        // break;
        }
    });
    // 渲染站点下拉选择框插件
    xmSelect.render({
        // 这里绑定css选择器
        el: '#select_site',
        tips: '站点搜索',
        // 渲染的数据
        style: {
        borderRadius: '50px',
    },
        toolbar: {
        show: true,
        list: ['CLEAR']
    },
        paging: true, //分页
        pageSize: 5, //每页最大数目
        filterable: true,
        filterMethod: function(val, item, index, prop){
            if(val == item.value){//把value相同的搜索出来
            return true;
            }
            if(item.name.indexOf(val) != -1){//名称中包含的搜索出来
            return true;
            }
        return false;
        },
        model: {
            label: {
                type: 'block',
                block: {
                    //最大显示数量, 0:不限制
                    showCount: 1,
                    //是否显示删除图标
                    showIcon: true,
                }
            }
        },
        // 显示样式
        template({ item, sels, name, value }){
            return item.name  + '<span style="position: absolute; right: 10px; color: #8799a3">'+value+'</span>'
        },
        prop: {
            name: 'name',
        },
        data: [
            {name: '英国', value: 'UK'},
            {name: '美国', value: 'US'},
            {name: '德国', value: 'DE'},
            {name: '日本', value: 'JP'},
            {name: '印度', value: 'IN'},
            {name: '意大利', value: 'IT'},
            {name: '法国', value: 'FR'},
            {name: '西班牙', value: 'ES'},
            {name: '澳大利亚', value: 'AU'},
            {name: '加拿大', value: 'CA'},
            {name: '阿联酋', value: 'AE'},
            {name: '荷兰', value: 'NL'},
            {name: '墨西哥', value: 'MX'},
            {name: '沙特阿拉伯', value: 'SA'},
            {name: '瑞典', value: 'SE'},
        ],
    })


    xmSelect.render({
        el: '#select_type',
        tips: '索赔类型',
        style: {
        borderRadius: '50px',
        },
        toolbar: {
        show: true,
        list: ['CLEAR']
        },
        data: [
            {name: '发货接收差异', value: 4},
            {name: '退款未退货', value: 8},
            {name: '换货未退货', value: 9},
            {name: '换货且退款', value: 10},
            {name: '多收运费', value: 13},
            {name: '多收仓储费', value: 14},
    ]
})

});

// 为了解决搜索重载数据时工具条也会加载，导致搜索框的闪动和内容丢失
// 自定义工具条，隐藏原有的工具条，通过该函数触发原有工具条的事件重新渲染表格数据
function search() {
    $('#search_btn').click();
}

